home *** CD-ROM | disk | FTP | other *** search
/ Apple Developer Connectio…eloper Series 2005 March / Dev.CD Mar 05.iso / What's New / Technical Notes and Q&As / ADC Reference Library / css / wwdcstyle.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-06-23  |  7.5 KB  |  475 lines
  1.  
  2.  
  3. #body h2 {
  4.     margin: 10px 0 -20px;
  5.     }
  6.  
  7. #body h3 {
  8.     background: #E1E1E1;
  9.     padding: 2px 5px;
  10.     margin: 25px 0 5px;
  11.     border: 1px solid #bbb;
  12.     }
  13.  
  14. .narrow {
  15.     width: 448px;
  16.     background: #E1E1E1;
  17.     padding: 2px 5px;
  18.     margin: 25px 0 5px;
  19.     border: 1px solid #bbb;
  20.     }
  21.     
  22. #body h4 {
  23.     color: #000;
  24.     }
  25.  
  26. #sidebar .graybox td {
  27.     padding-bottom: 0;
  28.     }
  29.  
  30. #sidebar .graybox table.register td {
  31.     vertical-align: middle;
  32.     font-size: 11px;
  33.     padding-bottom: 8px;
  34.     }
  35.  
  36. #sidebar ul.nav {
  37.     margin-bottom: 10px;
  38.     }
  39.  
  40. .graybox td.center {
  41.     text-align: center;
  42.     }
  43.  
  44. #previouswinners h3 {
  45.     width: 448px;
  46.     font-size: 14px;
  47.     background: #E1E1E1;
  48.     padding: 2px 5px;
  49.     margin: 30px 0 6px;
  50.     border: 1px solid #bbb;
  51.     }
  52.     
  53. #previouswinners .first {
  54.     margin-top: 0px;
  55.     }
  56.     
  57. #previouswinners h4 {
  58.     font-weight: bold;
  59.     font-size: 12px;
  60.     color: #000;
  61.     margin-bottom: 3px;
  62.     margin-top: 0;
  63.     }
  64.  
  65. #previouswinners p {
  66.     margin: 0 0 10px 20px;
  67.     }
  68.     
  69. #previouswinners p strong{
  70.     font-weight: bold;
  71.     color: #000;
  72.     }
  73.     
  74. #previouswinners .moreinfo {
  75.     margin-left: 0;
  76.     }
  77.     
  78. #videos object {
  79.     vertical-align: middle;
  80.     margin: 0 5px 0 10px;
  81.     }
  82.  
  83. #videos td {
  84.     padding-bottom: 7px;
  85.     }
  86.     
  87. .explore {
  88.     width: 180px;
  89.     margin-bottom: 10px;
  90.     }
  91.     
  92. .exploreinc {
  93.     width: 180px;
  94.     margin-bottom: 10px;
  95.     margin-top: 4px;
  96.     }
  97.     
  98. /* sessions page definitions */
  99. .sessions {
  100.     border: 1px solid #919699;
  101.     margin-bottom: 10px;
  102.     }
  103.  
  104. .sessions th {
  105.     padding: 6px 10px 6px 10px;
  106.     font-size: 10px;
  107.     background: #7E91A4;
  108.     color: #FFF;
  109.     }
  110.  
  111. .sessions td {
  112.     font-size: 12px;
  113.     text-align: left;
  114.     vertical-align: top;
  115.     }
  116.  
  117. .sessions .title td {
  118.     border-top: 1px solid #919699;
  119.     background: #F0F5F9;
  120.     padding: 6px 10px 6px 10px;
  121.     }
  122.  
  123. .sessions .description {
  124.     padding: 10px;
  125.     background: #FFF;
  126.     }
  127.     
  128. .sessions .title td.sortcolumn {
  129.     background: #DCE5EE;
  130.     }
  131.     
  132. .sessions .description td.sortcolumn {
  133.     background: #F5F5F5;
  134.     }
  135.     
  136. .sessions th.sortcolumn {
  137.     background: #334455;
  138.     }
  139.     
  140. .sessionstop {
  141.     border-right: 1px solid #919699;
  142.     background: #E2E2E2;
  143.     }
  144.     
  145. .sessionstop td {
  146.     border-top: 1px solid #919699;
  147.     border-left: 1px solid #919699;
  148.     padding: 10px;
  149.     text-align: left;
  150.     }
  151.     
  152. .earlyoffer {
  153.     border-top: 1px dashed #919699;
  154.     border-bottom: 1px dashed #919699;
  155.     padding: 5px 5px;
  156.     margin-bottom: 25px;
  157.     } 
  158.     
  159. table.icaldownload {
  160.     border-top: 1px dashed #919699;
  161.     border-bottom: 1px dashed #919699;
  162.     padding: 2px 2px 1px 5px;
  163.     margin-bottom: 25px;
  164.     }
  165.     
  166. /* calendar page definitions */
  167.  
  168. .days { 
  169.     border-top: 1px solid #919699;
  170.     border-right: 1px solid #919699;
  171.     }
  172.  
  173. .days td {
  174.     font-size: 10px;
  175.     line-height: 15px;
  176.     height: 40px;
  177.     text-align: center;
  178.     padding: 4px;
  179.     border-bottom: 1px solid #919699;
  180.     border-left: 1px solid #919699;
  181.     }
  182.     
  183. .days td.current {
  184.     background: #f1f1f1;
  185.     font-weight: bold;
  186.     }
  187.     
  188.  
  189.  
  190.     /* calendar table */
  191. .calendar {
  192.     border-bottom: 1px solid #919699;
  193.     border-right: 1px solid #919699;
  194.     margin-bottom: 15px;
  195.     vertical-align: top;
  196.     }
  197.     
  198. .calendar td {
  199.     border-left: 1px solid #CCCFD0;
  200.     border-top: 1px solid #CCCFD0;
  201.     padding: 6px 8px;
  202.     font-size: 10px;
  203.     font-weight: bold;
  204.     color: #FFF;
  205.     height: 50px;
  206.     vertical-align: top;
  207.     text-align: left;
  208.     }
  209.     
  210. .calendar p {font-size: 10px;}
  211.     
  212. .calendar th {
  213.     border-top: 1px solid #919699;
  214.     border-left: 1px solid #CCCFD0;
  215.     background: #EEEFF0;
  216.     padding: 6px 8px;
  217.     font-size: 10px;
  218.     text-align: center;
  219.     }
  220.  
  221. .calendar .empty {
  222.     background: #FFF;
  223.     border-top: none;
  224.     border-left: none;
  225.     }
  226.     
  227. .calendar .location {
  228.     border-left: 1px solid #919699;
  229.     border-top: 1px solid #CCCFD0;
  230.     background: #EEEFF0;
  231.     font-weight: bold;
  232.     color: #000;
  233.     }
  234.     
  235. .calendar .first {
  236.     border-top: 1px solid #919699;
  237.     border-left: 1px solid #919699;
  238.     }
  239.     
  240. .calendar .rooms {
  241.     vertical-align: middle;
  242.     text-align: center;
  243.     padding: 0;
  244.     background: #EEEFF0;
  245.     }
  246.     
  247. .calendar .special {
  248.     color: #000;
  249.     font-weight: normal;
  250.     }    
  251.     
  252. .calendar .tba {
  253.     color: #A9A9A9;
  254.     font-weight: normal;
  255.     }
  256.     
  257. .calendar .special a:link {
  258.     color: #00f;
  259.     text-decoration: none;
  260.     }
  261.  
  262. .calendar .special a:visited {
  263.     color: #00a;
  264.     text-decoration: none;
  265.     }
  266.  
  267. .calendar .special a:hover, .calendar .special a:active {
  268.     color: #f60;
  269.     text-decoration: underline;
  270.     }
  271.     
  272. .calendar .quicktime {
  273.     background: #92B6E1;
  274.     }
  275.     
  276. .calendar .general {
  277.     background: #9A749C;
  278.     }
  279.  
  280. .calendar .enterprise {
  281.     background: #A9A9A9;
  282.     }
  283.  
  284. .calendar .frameworks {
  285.     background: #B4A851;
  286.     }
  287.  
  288. .calendar .graphics {
  289.     background: #F1AB00;
  290.     }
  291.  
  292. .calendar .core {
  293.     background: #689788;
  294.     }
  295.     
  296. .calendar .hardware {
  297.     background: #587993;
  298.     }
  299.  
  300. .calendar .devtools {
  301.     background: #B75312;
  302.     }
  303.     
  304. .calendar .lunch {
  305.     background: #D8DED8;
  306.     }
  307.     
  308. .calendar .travel {
  309.     background: #FFF;
  310.     }
  311.  
  312. .calendar .evening {
  313.     background: #E7F1FC;
  314.     }
  315.     
  316. .calendar p.otherevent {padding-top: 10px; border-top: 1px solid #CCCFD0;}
  317.     
  318. .calendar .leftoffset { border-left: 15px solid #EEEFF0; }
  319. .calendar .general.leftoffset {border-left-color: #CCB9CE;}
  320. .calendar .enterprise.leftoffset {border-left-color: #D4D4D4;}
  321. .calendar .quicktime.leftoffset {border-left-color: #C9DAF0;}
  322. .calendar .frameworks.leftoffset {border-left-color: #D9D3A8}
  323. .calendar .graphics.leftoffset {border-left-color: #F8D47F;}
  324. .calendar .core.leftoffset {border-left-color: #B5CBC3;}
  325. .calendar .hardware.leftoffset {border-left-color: #ABBCC9;}
  326. .calendar .devtools.leftoffset {border-left-color: #DAA988;}
  327.  
  328. .calendar .rightoffset { border-right: 15px solid #EEEFF0; }
  329. .calendar .general.rightoffset {border-right-color: #CCB9CE;}
  330. .calendar .enterprise.rightoffset {border-right-color: #D4D4D4;}
  331. .calendar .quicktime.rightoffset {border-right-color: #C9DAF0;}
  332. .calendar .frameworks.rightoffset {border-right-color: #D9D3A8}
  333. .calendar .graphics.rightoffset {border-right-color: #F8D47F;}
  334. .calendar .core.rightoffset {border-right-color: #B5CBC3;}
  335. .calendar .hardware.rightoffset {border-right-color: #ABBCC9;}
  336. .calendar .devtools.rightoffset {border-right-color: #DAA988;}
  337.  
  338.     
  339. .calendar a:link, .calendar a:visited {
  340.     color: #FFF;
  341.     font-weight: bold;
  342.     text-decoration: none;
  343.     }
  344.  
  345. .calendar a:hover, .calendar a:active {
  346.     color: #FFF;
  347.     font-weight: bold;
  348.     text-decoration: underline;
  349.     }
  350.     
  351. .calendar th.middle, .calendar td.middle {
  352.     vertical-align: middle;
  353.     }
  354.     
  355. .calendar .fr {
  356.     margin: 0;
  357.     float: right;
  358.     }
  359.     
  360.     /* legend table */
  361.     
  362. .colorkey {
  363.     border: 1px solid #919699;
  364.     margin-right: 5px; 
  365.     }
  366.     
  367. .colorkey th {
  368.     font-size: 10px;
  369.     font-weight: bold;
  370.     padding: 10px;
  371.     }
  372.     
  373. .colorkey td {
  374.     font-size: 10px;
  375.     padding: 0 10px 10px 10px;
  376.     }
  377.  
  378. .colorkey img {
  379.     vertical-align: middle;
  380.     }
  381.     
  382. .colorkey .tba {
  383.     color: #A9A9A9;
  384.     font-weight: normal;
  385.     }
  386.     
  387.     
  388. .colorkey td.line {
  389.     padding: 0 0 8px 10px
  390.     }
  391.     
  392.     
  393.     /* promo tables */
  394. .calendarbottom {
  395.     border: 1px solid #919699;
  396.     width: 100%;
  397.     margin-bottom: 15px;
  398.     }
  399.     
  400. .calendarbottom td {
  401.     font-size: 10px;
  402.     padding: 10px
  403.     }
  404.     
  405. .calendarbottom table td {
  406.     padding: 0;
  407.     }
  408.     
  409. .calendarbottom img {
  410.     vertical-align: middle;
  411.     }
  412.     
  413. .normal {
  414.     font-weight: normal;
  415.     }
  416.     
  417. ul.links li {
  418.     margin-bottom: 4px;
  419.     padding-left: 0;
  420.     background: none;
  421.     }
  422.  
  423. table.subscribe {
  424.     width: 260px;
  425.     border: 1px solid #919699;
  426.     margin-left: 15px; 
  427.     }
  428.     
  429. .subscribe th {
  430.     font-size: 10px;
  431.     font-weight: bold;
  432.     padding: 10px 10px 5px 10px;
  433.     }
  434.     
  435. .subscribe td {
  436.     font-size: 10px;
  437.     padding: 5px 10px 10px 10px;
  438.     margin: 0;
  439.     }
  440.     
  441. .subscribe ul {
  442.     list-style: none outside;
  443.     margin-left: 0;
  444.     padding: 0;
  445.     }
  446.  
  447. .subscribe li {
  448.     background: url(http://a772.g.akamai.net/7/772/51/7940b6f2607c15/www.apple.com/ical/library/images/ical_icon0030104.gif) left top no-repeat; 
  449.     font-size: 10px;
  450.     display: block; 
  451.     padding: 2px 0 4px 20px;}
  452.  
  453.     
  454. /* ADA Definitions */
  455.  
  456. .enterbutton {
  457.     text-align: right;
  458.     padding: 8px 0 0 0;
  459.     margin: 15px 0 30px 0;
  460.     border-top: 1px solid #bbb;
  461.     }
  462.     
  463. .listintro {
  464.     margin-bottom: 0;
  465.     }
  466.  
  467. /* MISC Definitions */
  468.  
  469. #urls h3 {
  470.     margin-top: 20px;
  471.     }
  472.  
  473. #urls ul {
  474.     margin-top: -5px;
  475.     padding-bottom: 0;}